<template>
  <div class="wujieguo">
<div class='tou'>
  <div class='tou1'>
     <van-button class='anniu' type="default"><van-icon class='xiajian' name="arrow-left" /></van-button>
<van-search  class='sousou' v-model="value" placeholder="请输入搜索关键词" />
  <van-button class='anniu' type="default">店内搜</van-button>
  </div>
   <van-notice-bar
  left-icon="volume-o"
  text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准啊巴巴爸爸爸爸吧吧吧巴巴爸爸巴巴爸爸大沙地八十多卅大红包水库大坝撒开活动扳手好看的变身卡德邦快递。"
  />

</div>
<van-empty description="没有搜索到匹配的结果，换个关键词试试吧~" />
  </div>
</template>

<script>

</script>

<style lang="less" scoped>
.tou{
  width: 745px;
  height: 300px;
  border: 1px solid #eae9e5;
  background: #eae9e5;
}
.tou1{
  // background: rgb(247, 160, 160);
  width: 745px;
  height: 100px;
  margin-top: 150px;
  display: flex;
}
.tou2{
  height: 100px;
  width: 100px;
}
.sousou{
  width: 450px;
  border-radius: 40px;
  margin-right: 20px;
  margin-left: 20px;
}
.anniu{
  margin-top: 10px;
   border-radius: 40px;
   color: #c8ab96;
}
.xiajian{
  font-size: 24px;
  color: #c8ab96;

}
</style>
